const list = [
    {
        component: 'StackingArea1',
        label: '堆叠面积图',
        icon: 'wenben',
        style: {
            width: 380,
            height: 200,
            'z-index': '1'
        },
        propValue: [],
        option: {
            legend: {
                data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎'],
                icon: "circle",
                show: false,
                itemWidth: 10,
                itemheight: 10,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                left: 'left',
                top: '38',
            },
            color: ['#F3E493', '#F39673', '#E46571', '#B64AD0', '#6754BD', '#818DD4'],
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                },
            },
            title: [{
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '18',
                },
                left: 'left',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            grid: {
                left: '3%',
                right: '3%',
                bottom: '3%',
                top: '20',
                containLabel: true,
            },
            xAxis: {
                type: 'category',
                boundaryGap: true,
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: true,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            yAxis: {
                type: 'value',
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: false,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            series: [{
                name: '邮件营销',
                type: 'line',
                stack: '总量',
                symbol: "none",
                areaStyle: {},
                itemStyle: {},
                emphasis: {
                    focus: 'series'
                },
                data: [120, 132, 101, 134, 90, 230, 210],
                markPoint: {
                    data: [
                        {
                            type: 'max',
                            name: '最大值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        },
                        {
                            type: 'min',
                            name: '最小值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        }
                    ]
                },
            },
            {
                name: '联盟广告',
                type: 'line',
                stack: '总量',
                symbol: "none",
                itemStyle: {},
                areaStyle: {},
                emphasis: {
                    focus: 'series'
                },
                data: [220, 182, 191, 234, 290, 330, 310],
                markPoint: {
                    data: [
                        {
                            type: 'max',
                            name: '最大值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        },
                        {
                            type: 'min',
                            name: '最小值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        }
                    ]
                },
            },
            {
                name: '视频广告',
                type: 'line',
                stack: '总量',
                symbol: "none",
                itemStyle: {},
                areaStyle: {},
                emphasis: {
                    focus: 'series'
                },
                data: [150, 232, 201, 154, 190, 330, 410],
                markPoint: {
                    data: [
                        {
                            type: 'max',
                            name: '最大值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        },
                        {
                            type: 'min',
                            name: '最小值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        }
                    ]
                },
            },
            {
                name: '直接访问',
                type: 'line',
                stack: '总量',
                symbol: "none",
                itemStyle: {},
                areaStyle: {},
                emphasis: {
                    focus: 'series'
                },
                data: [320, 332, 301, 334, 390, 330, 320],
                markPoint: {
                    data: [
                        {
                            type: 'max',
                            name: '最大值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        },
                        {
                            type: 'min',
                            name: '最小值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        }
                    ]
                },
            },
            {
                name: '搜索引擎',
                type: 'line',
                stack: '总量',
                symbol: "none",
                label: {
                    show: true,
                    position: 'top'
                },
                areaStyle: {},
                itemStyle: {},
                emphasis: {
                    focus: 'series'
                },
                data: [820, 932, 901, 934, 1290, 1330, 1320],
                markPoint: {
                    data: [
                        {
                            type: 'max',
                            name: '最大值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        },
                        {
                            type: 'min',
                            name: '最小值',
                            symbolSize: 0,
                            label: {
                                show: false,
                                position: 'top',
                                color: '#00e6ff',
                                fontStyle: 'normal',
                                fontWeight: 'normal',
                                fontSize: '12',
                            }
                        }
                    ]
                },
            }
            ]
        }
    },

    {
        component: 'StackingArea2',
        label: '堆叠面积图',
        icon: 'wenben',
        style: {
            width: 310,
            height: 200,
            'z-index': '1'
        },
        propValue: [],
        option: {
            legend: {
                data: ['line1', 'line2', 'line3', 'line4', 'line5'],
                icon: "circle",
                show: false,
                itemWidth: 10,
                itemheight: 10,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                left: 'left',
                top: '38',
            },
            color: ['#9573DE', '#DDC6E3', '#DB93C1', '#7080D2', '#70BEE2', '#C4E5F4'],
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                },
            },
            title: [{
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '18',
                },
                left: 'left',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            grid: {
                left: '3%',
                right: '3%',
                bottom: '3%',
                top: '20',
                containLabel: true,
            },
            xAxis: {
                type: 'category',
                boundaryGap: true,
                data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: true,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            yAxis: {
                type: 'value',
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: false,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: false,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            series: [
                {
                    name: 'line1',
                    type: 'line',
                    stack: '总量',
                    smooth: true,
                    lineStyle: {
                        width: 0
                    },
                    showSymbol: false,
                    itemStyle: {},
                    areaStyle: {
                    },
                    emphasis: {
                        focus: 'series'
                    },
                    data: [140, 232, 101, 264, 90, 340, 250],
                    markPoint: {
                        data: [
                            {
                                type: 'max',
                                name: '最大值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                type: 'min',
                                name: '最小值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    },
                },
                {
                    name: 'line2',
                    type: 'line',
                    stack: '总量',
                    smooth: true,
                    itemStyle: {},
                    lineStyle: {
                        width: 0
                    },
                    showSymbol: false,
                    areaStyle: {

                    },
                    emphasis: {
                        focus: 'series'
                    },
                    data: [120, 282, 111, 234, 220, 340, 310],
                    markPoint: {
                        data: [
                            {
                                type: 'max',
                                name: '最大值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                type: 'min',
                                name: '最小值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    },
                },
                {
                    name: 'line3',
                    type: 'line',
                    stack: '总量',
                    smooth: true,
                    itemStyle: {},
                    lineStyle: {
                        width: 0
                    },
                    showSymbol: false,
                    areaStyle: {

                    },
                    emphasis: {
                        focus: 'series'
                    },
                    data: [320, 132, 201, 334, 190, 130, 220],
                    markPoint: {
                        data: [
                            {
                                type: 'max',
                                name: '最大值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                type: 'min',
                                name: '最小值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    },
                },
                {
                    name: 'line4',
                    type: 'line',
                    stack: '总量',
                    itemStyle: {},
                    smooth: true,
                    lineStyle: {
                        width: 0
                    },
                    showSymbol: false,
                    areaStyle: {

                    },
                    emphasis: {
                        focus: 'series'
                    },
                    data: [220, 402, 231, 134, 190, 230, 120],
                    markPoint: {
                        data: [
                            {
                                type: 'max',
                                name: '最大值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                type: 'min',
                                name: '最小值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    },
                },
                {
                    name: 'line5',
                    type: 'line',
                    stack: '总量',
                    itemStyle: {},
                    smooth: true,
                    lineStyle: {
                        width: 0
                    },
                    showSymbol: false,
                    label: {
                        show: true,
                        position: 'top'
                    },
                    areaStyle: {

                    },
                    emphasis: {
                        focus: 'series'
                    },
                    data: [220, 302, 181, 234, 210, 290, 150],
                    markPoint: {
                        data: [
                            {
                                type: 'max',
                                name: '最大值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                type: 'min',
                                name: '最小值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    },
                }
            ]
        }
    },

    {
        component: 'StackingArea3',
        label: '堆叠面积图',
        icon: 'wenben',
        style: {
            width: 310,
            height: 200,
            'z-index': '1'
        },
        propValue: [],
        option: {
            legend: {
                data: ['line1', 'line2', 'line3'],
                icon: "circle",
                show: false,
                itemWidth: 10,
                itemheight: 10,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                left: 'left',
                top: '38',
            },
            color: ['#9573DE', '#DDC6E3', '#DB93C1', '#7080D2', '#70BEE2', '#C4E5F4'],
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                },
            },
            title: [{
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '18',
                },
                left: 'left',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            grid: {
                left: '3%',
                right: '3%',
                bottom: '3%',
                top: '20',
                containLabel: true,
            },
            xAxis: {
                type: 'category',
                boundaryGap: true,
                data: ['类别1', '类别2', '类别3', '类别4', '类别5'],
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: true,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            yAxis: {
                type: 'value',
                axisTick: { //刻度线
                    show: false,
                },
                axisLine: { //轴线
                    show: false,
                    lineStyle: {
                        color: '#35404e',
                        width: 2,
                    },
                },
                axisLabel: { //轴标签
                    show: true,
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                splitLine: { //网格线
                    show: false,
                    lineStyle: {
                        color: '#33333333',
                        type: 'dashed'
                    },
                }
            },
            series: [
                {
                    name: 'line1',
                    type: 'line',
                    stack: '总量',
                    smooth: true,
                    lineStyle: {
                        width: 0
                    },
                    showSymbol: false,
                    itemStyle: {},
                    areaStyle: {
                        color:'',
                    },
                    emphasis: {
                        focus: 'series'
                    },
                    data: [140, 232, 101, 264, 90],
                    markPoint: {
                        data: [
                            {
                                type: 'max',
                                name: '最大值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                type: 'min',
                                name: '最小值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    },
                },
                {
                    name: 'line2',
                    type: 'line',
                    stack: '总量',
                    smooth: true,
                    itemStyle: {},
                    lineStyle: {
                        width: 0
                    },
                    showSymbol: false,
                    areaStyle: {
                        color:'',
                    },
                    emphasis: {
                        focus: 'series'
                    },
                    data: [120, 282, 111, 234, 220],
                    markPoint: {
                        data: [
                            {
                                type: 'max',
                                name: '最大值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                type: 'min',
                                name: '最小值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    },
                },
                {
                    name: 'line3',
                    type: 'line',
                    stack: '总量',
                    smooth: true,
                    itemStyle: {},
                    lineStyle: {
                        width: 0
                    },
                    showSymbol: false,
                    areaStyle: {
                        color:'',
                    },
                    emphasis: {
                        focus: 'series'
                    },
                    data: [320, 132, 201, 334, 190],
                    markPoint: {
                        data: [
                            {
                                type: 'max',
                                name: '最大值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                type: 'min',
                                name: '最小值',
                                symbolSize: 0,
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    },
                },
                
            ]
        }
    }
]
export default list